<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="rem" content="design-width=720" />
	<meta name="apple-touch-fullscreen" content="yes" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="full-screen" content="yes" />
	<meta name="x5-fullscreen" content="true" />
	<meta name="360-fullscreen" content="true" />
	<title>今日涨停</title>

	<script src="//s.thsi.cn/js/m/common/zepto.js"></script>
	<script src="//s.thsi.cn/js/m/vue/2.6.11.min.js"></script>
	<script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
	<script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;stat.js"></script>
	<script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>
	<link rel="stylesheet" type="text/css" href="//s.thsi.cn/js/m/toast/toast.css" />
	<script type="text/javascript" src="//s.thsi.cn/js/m/toast/toast.js"></script>
	<!-- build:css styles/limitSummary.css -->
	<link type="text/css" rel="stylesheet" href="./styles/reset.css" />
	<link type="text/less" rel="stylesheet" href="./styles/limitSummary.less" />
	<link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less" />
	<link type="text/less" rel="stylesheet" href="./styles/common.less" />
	<!-- endbuild -->
	<!-- build:remove -->
	<script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
	<!-- endbuild -->
</head>

<body>
	<div id="vuewrap" v-cloak>
		<!-- 页面loading页面 -->
		<div class="initLoading hide" id="initLoading">
			<div class="wrap">
				<img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="">
				<p :class="{'adjustdot03':androidApp}">正在加载...</p>
			</div>
		</div>
		<!-- 接口错误页面 -->
		<div class="errLoading hide" @click="reload" id="errLoading">
			<div class="wrap">
				<img src="//s.thsi.cn/js/m/publicImg/error.png" alt="">
				<p>数据走丢了，点击屏幕重试</p>
			</div>
		</div>
		<!-- 刷新loading -->
		<div class="refreshLoading" v-show="refreshLoading">
			<img src="./images/loading.gif" alt="">
		</div>
		<!-- 头部信息 -->
		<section class="limitUp">
			<ul class="rise">
				<li class="item">
					<p>涨停(家)</p>
					<p :class="{'red':parseFloat(limitUpAll)>0,'adjustdot05':androidApp}">{{ limitUpAll }}</p>
				</li>
				<li class="item">
					<p>涨停封板率</p>
					<p :class="{'red':parseFloat(limitUpPercent)>0,'adjustdot05':androidApp}">{{ limitUpPercent }}</p>
				</li>
			</ul>
			<div class="height62"></div>
			<ul class="data">
				<li>
					<span>缓慢涨停</span>
					<span :class="{'adjustdot03':androidApp}">{{slowRise.length}}</span>
				</li>
				<li>
					<span>一字板</span>
					<span :class="{'adjustdot03':androidApp}">{{wordBoard.length}}</span>
				</li>
				<li>
					<span>触及涨停</span>
					<span :class="{'adjustdot03':androidApp}">{{touchRise.length}}</span>
				</li>
			</ul>
		</section>
		<div class="height20"></div>
		<!-- 列表信息 -->
		<section class="limitUpList">
			<ul class="type">
				<li @click="check('slow')">缓慢涨停<span></span></li>
				<li @click="check('one')">一字板<span></span></li>
				<li @click="check('touch')">触及涨停<span></span></li>
			</ul>
			<div class="border">
				<div class="line">
					<!--移动的div-->
				</div>
			</div>
			<div class="refresh" @click.stop="refresh()"></div>
			<ul class="sort" :class="{'noreasonSort':currentTab==2}">
				<li>
					<span :class="{'adjustdot03':androidApp}">股票名称</span>
				</li>
				<li class="rel clearfix" v-for="(item,index) in sortNameS1" @click="sort(index,item.sort,defaultSortS1.arr,'sortDirectionS1','sortS1')"
				 v-if="!(currentTab==2 &&　index==0)">
					<div class="triangle">
						<span class="up" :class="{'active':sortDirectionS1[index]=='up'}"></span>
						<span class="down" :class="{'active':sortDirectionS1[index]=='down'}"></span>
					</div>
					<span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
				</li>
			</ul>
			<div class="detailWrap" :class="{'noreasonDetailWrap':currentTab==2}">
				<div class="detail">
					<div class="item slowRise" v-show="currentTab==0">
						<ul v-for="(item,index) in slowRise" v-if="slowRise.length!=0" @click="jumpFenshi('slowRise',item,index)">
							<li>
								<span class="name">{{item.stockName || "--"}}</span>
								<span class="code">{{item.stockCode || "--"}}</span>
							</li>
							<li class="reason dot3">{{item.reason}}</li>
							<li class="hq tr dot3" :class="{'red':item.upRisePercent>0,'green':item.upRisePercent<0}">
								{{parseFloat(item.nowPrice).toFixed(2) | textFilter}}</li>
							<li class="hq tr dot3" :class="{'red':item.upRisePercent>0,'green':item.upRisePercent<0}"><i v-if="item.upRisePercent>0">+</i>
								{{parseFloat(item.upRisePercent).toFixed(2) | textFilter('%')}}</li>
						</ul>
						<div class="empty" v-if="slowRise.length==0">
							<img src="./images/icon-empty.png" alt="">
							<p>该板块暂无股票数据</p>
						</div>
					</div>
					<div class="item wordBoard" v-show="currentTab==1">
						<ul v-for="(item,index) in wordBoard" v-if="wordBoard.length!=0" @click="jumpFenshi('wordBoard',item,index)">
							<li>
								<span class="name">{{item.stockName || "--"}}</span>
								<span class="code">{{item.stockCode || "--"}}</span>
							</li>
							<li class="reason dot3">{{item.reason}}</li>
							<li class="hq tr dot3" :class="{'red':item.upRisePercent>0,'green':item.upRisePercent<0}">
								{{parseFloat(item.nowPrice).toFixed(2) | textFilter}}</li>
							<li class="hq tr dot3" :class="{'red':item.upRisePercent>0,'green':item.upRisePercent<0}"><i v-if="item.upRisePercent>0">+</i>
								{{parseFloat(item.upRisePercent).toFixed(2) | textFilter('%')}}</li>
						</ul>
						<div class="empty" v-if="wordBoard.length==0">
							<img src="./images/icon-empty.png" alt="">
							<p>该板块暂无股票数据</p>
						</div>
					</div>
					<div class="item touchRise" v-show="currentTab==2">
						<ul v-for="(item,index) in touchRise" v-if="touchRise.length!=0" @click="jumpFenshi('touchRise',item,index)">
							<li>
								<span class="name">{{item.stockName || "--"}}</span>
								<span class="code">{{item.stockCode || "--"}}</span>
							</li>
							<li class="hq tr dot3" :class="{'red':item.upRisePercent>0,'green':item.upRisePercent<0}">
								{{parseFloat(item.nowPrice).toFixed(2) | textFilter}}</li>
							<li class="hq tr dot3" :class="{'red':item.upRisePercent>0,'green':item.upRisePercent<0}"><i v-if="item.upRisePercent>0">+</i>
								{{parseFloat(item.upRisePercent).toFixed(2) | textFilter('%')}}</li>
						</ul>
						<div class="empty" v-if="touchRise.length==0">
							<img src="./images/icon-empty.png" alt="">
							<p>该板块暂无股票数据</p>
						</div>
					</div>

				</div>
			</div>
		</section>
		<basetooltip></basetooltip>
	</div>
	<!-- build:js scripts/limitSummary.js -->
	<script src="./scripts/config.js"></script>
	<script src="./scripts/stat.js"></script>
	<script src="./scripts/utils.js"></script>
	<script src="./scripts/BaseToolTip.js"></script>
    <script src="./scripts/SkyWalking.js"></script>
	<script src="./scripts/limitSummary.js"></script>
	<!-- endbuild -->
</body>

</html>